// 主题变量

// 亮色主题和暗色主题变量定义
:root {
  // 亮色主题变量 (Material Light)
  --light-primary-color: #3366ff;
  --light-success-color: #00d68f;
  --light-warning-color: #ffaa00;
  --light-danger-color: #ff3d71;
  --light-info-color: #0095ff;

  // 背景色和文本颜色
  --light-bg-color: #f7f9fc;
  --light-bg-color-secondary: #ddd;
  --light-text-color: #222b45;
  --light-text-color-secondary: #8f9bb3;
  --light-text-color-placeholder: #a6aebd;
  --light-disabled-color: #c5cee0;
  --light-border-color: #edf1f7;
  --light-border-color-light: #e4e9f2;

  // 菜单和侧边栏
  --light-sidebar-bg: #ffffff;
  --light-sidebar-text-color: #222b45;
  --light-sidebar-item-hover: #edf1f7;
  --light-sidebar-item-active: #e4e9f2;

  // 头部导航
  --light-header-bg: #ffffff;
  --light-header-text-color: #222b45;
  --light-header-item-hover: #edf1f7;

  // 卡片和组件
  --light-card-bg: #ffffff;
  --light-card-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);

  // 按钮和控件
  --light-button-bg: #ffffff;
  --light-button-text: #222b45;
  --light-button-hover: #edf1f7;

  // 阴影
  --light-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
  --light-box-shadow-light: 0 0.125rem 0.25rem rgba(44, 51, 73, 0.05);

  // 暗色主题变量 (Material Dark) -------------------------------------------------------------------------------------------------------------------
  --dark-primary-color: #598bff;
  --dark-success-color: #2ce69b;
  --dark-warning-color: #ffcc00;
  --dark-danger-color: #ff708d;
  --dark-info-color: #42aaff;

  // 背景色和文本颜色
  --dark-bg-color: #151a30;
  --dark-bg-color-secondary: #2a396d;
  --dark-text-color: #ffffff;
  --dark-text-color-secondary: #8f9bb3;
  --dark-text-color-placeholder: #6a7a9a;
  --dark-disabled-color: #4b4d60;
  --dark-border-color: #1f2a48;
  --dark-border-color-light: #2f3b64;

  // 菜单和侧边栏
  --dark-sidebar-bg: #1a2138;
  --dark-sidebar-text-color: #ffffff;
  --dark-sidebar-item-hover: #252d47;
  --dark-sidebar-item-active: #323a5a;

  // 头部导航
  --dark-header-bg: #1a2138;
  --dark-header-text-color: #ffffff;
  --dark-header-item-hover: #252d47;

  // 卡片和组件
  --dark-card-bg: #1a2138;
  --dark-card-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);

  // 按钮和控件
  --dark-button-bg: #252d47;
  --dark-button-text: #ffffff;
  --dark-button-hover: #323a5a;

  // 阴影
  --dark-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
  --dark-box-shadow-light: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
}
